<?php if (!defined('THINK_PATH')) exit();?><!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<style type="text/css">
			li{
				list-style: none;
			}
			*{margin: 0;padding: 0;}
			.form-header{width: 980px;height: 75px;margin: 0 auto;margin-bottom: 10px;}
			.form-div1{width: 260px;height: 55px;margin: 20px 10px 0px 5px;float: left;}
			.form-ul{width: 699;height: 26px;float: left;margin-top: 35px;}
			.form-ul li{float: left;text-align: center;font-size: 14px;line-height: 26px;position: relative;}
			.form-smalllogo{background: url(__ROOT__/Index/Common/img/carts-img/download.png);position: absolute;right: -15px;top: 0;width: 18px;height: 26px;z-index: 10;}
			.form-box{width: 1000px;margin:auto;color: #6B6B6B;}
			.form-form{width: 976px;height: 355px;padding: 10px;border: 2px solid #615146;margin: 20px 0;}
			.form-form-title{height: 32px;font-size: 14px;line-height: 32px;font-weight: bolder;border-bottom: 1px solid #efefef;margin-bottom: 10px;}
			.form-form-table{width: 976px;height: 252px;font-size: 13px;}
			.form-form-table tr{width: 100%;}
			.form-form-table tr th{width: 100px;height: 30px;padding: 3px 0 3px 3px;font-size: 13px;color: #333333;font-weight: 500;text-align: right;}
			.form-form-input1{width: 270px;height: 20px;padding: 2px;border: 1px solid #bdc3c7;}
			.form-red{color: red;width: 12.7px;display: inline-block;padding: 0 3px;}
			.form-form-select{height: 26px;border: 1px solid rgb(166, 166, 166);}
			.form-form-input2{width: 358px;height: 20px;padding: 2px;border: 1px solid #bdc3c7;}
			.form-form-input3{width: 113px;height: 20px;padding: 2px;border: 1px solid #bdc3c7;}
			.form-form-button{width: 150px;height: 30px;margin: 10px;background-color: #3498db;cursor: pointer;color: #ffffff;border-radius: 0;border: 1px solid #3498db;}
			.form-form-box{padding: 10px;border: 2px solid #efefef;margin: 20px 0;overflow: hidden;}
			.form-font{font-size: 13px;}
			.form-p{height: 19px;}
			.form-table{margin-bottom: 10px;font-size: 13px;}
			.form-table tr th{font-size: 13px;line-height: 19px;text-align: left;}
			.form-table tr td{height: 85px;}
			.form-table table{width: 100%;}
			.form-img{width: 80px;margin-right: 10px;float: left;}
			.form-content table{width: 100%;}
			input::-webkit-input-placeholder{
			    color: #34495e;
			}
			.form-table1{overflow: hidden;border: 1px solid #dddddd;}
			.form-table1 span{height: 27px;padding: 4px 3px;font-size: 12px;display: inline-block;float: left;border: 1px solid #dddddd;background: #efefef;line-height: 27px;text-align: center;border-right: 1px solid white;color: #464646;}
			.form-table1 p{padding: 7px 5px;background: #Fff;text-align: center;border: none;height: 38px;font-size: 13px;color: #7e7e7e;float: left;}
			.form-lpk{padding: 10px;border: 1px solid #ccc;margin: 2px;width: 620px;font-size: 13px;overflow: hidden;position: relative;}
			.form-p1{width: 303px;height: 40px;padding: 3px;}
			.form-p1 input{border: 1px solid #bdc3c7;color: #34495e;font-size: 14px;padding: 2px 2px;height: 20px;width: 183px;float: left;}
		</style>
	</head>
	<body>
		<div class="form-header">
			<div class="form-div1">
				<img class="form-img1" src="__ROOT__/Index/Common/img/carts-img/download-2.png"/>
			</div>
			<ul class="form-ul">
				<li style="width: 207px;background: #EEEEEE;">1、我的购物车<b class="form-smalllogo"></b></li>
				<li style="width: 245px;background: #615146;color: #ffffff;">2、填写核对订单信息<b class="form-smalllogo" style="background-position: 0 -30px;"></b></li>
				<li style="width: 247px;background: #EEEEEE;">3、成功提交订单</li>
			</ul>
		</div>
		<div class="form-box">
			<div class="form-form">
				<div class="form-form-title">收货人信息</div>
				<table class="form-form-table">
					<tr>
						<th>
							<em class="form-red">*</em>收货人姓名：
						</th>
						<td>
							<input class="form-form-input1" type="text" />
						</td>
					</tr>
					<tr>
						<th>
							<em class="form-red">*</em>收货人地区：
						</th>
						<td>
							<select class="form-form-select">
								<option value="">请选择...</option>
								<option value="">北京</option>
								<option value="">上海</option>
							</select>
						</td>
					</tr>
					<tr>
						<th style="height: 60px;padding: 3px 0 3px 3px;">
							<em class="form-red">*</em>收货人地址：
						</th>
						<td style="width: 867px;height: 60px;padding: 3px;">
							<span>[地区]</span>
							<input class="form-form-input2" type="text" />
							<p style="line-height: 30px;color: red;">（为了更快的让您收到货物，请填写收货地址时尽量详细一些，比如xx路，xx街，xx小区等等）</p>
						</td>
					</tr>
					<tr>
						<th>
							邮编：
						</th>
						<td>
							<input class="form-form-input1" type="text" />
						</td>
					</tr>
					<tr>
						<th>
							<em class="form-red">*</em>手机：
						</th>
						<td>
							<input class="form-form-input3" style="margin-right: 15px;" type="text" />
							<span>固定电话：</span>
							<input class="form-form-input3" type="text" />
							<span style="color: red;">（手机和固定电话请至少填写一项）</span>
						</td>
					</tr>
					<tr>
						<th>
							送货时间：
						</th>
						<td>
							<select>
								<option value="工作日、双休日与假日均可送货">工作日、双休日与假日均可送货</option>
								<option value="只工作日送货(双休日、假日不用送)">只工作日送货(双休日、假日不用送)</option>
								<option value="只双休日、假日送货(工作日不用送)">只双休日、假日送货(工作日不用送)</option>
							</select>
						</td>
					</tr>
					<tr style="height: 6px;"></tr>
				</table>
				<div class="form-button">
					<input class="form-form-button" type="button" value="确认收货人信息" />
				</div>
			</div>
			<div class="form-peisong">
				<div style="line-height: 32px;border-bottom: 1px solid #efefef;margin-bottom: 10px;">
					<span style="display: inline-block;width: 150px;font-size: 14px;font-weight: bolder;color: #6b6b6b;">配送及支付方式</span>
					<a style="font-size: 12px;color: #95a5a6;text-decoration: none;" href="#">修改</a>
				</div>
				<p class="form-p">
					<span class="form-font" style="display: inline-block;width: 100px;text-align: right;">配送方式：</span>
					<span class="form-font">快递-网上支付</span>
				</p>
				<p class="form-p">
					<span class="form-font" style="display: inline-block;width: 100px;text-align: right;">付款方式：</span>
					<span class="form-font">网银-中国工商银行</span>
				</p>
			</div>
			<div class="form-form-box">
				<div style="line-height: 32px;border-bottom: 1px solid #efefef;margin-bottom: 10px;">
					<span style="display: inline-block;width: 150px;font-size: 14px;font-weight: bolder;line-height: 32px;">商品清单</span>
					<a style="font-size: 12px;text-decoration: none;"><<返回修改购物车</a>
				</div>
				<div class="form-table">
					<table>
						<tr>
							<th width="40%">商品信息</th>
							<th width="10%">商品单价</th>
							<th width="15%">商品数量</th>
							<th width="10%">小计</th>
						</tr>
						<tr>
							<td>
								<img class="form-img" src="__ROOT__/Index/Common/img/carts-img/download-3.jpg"/>
								<div style="float: left;">
									<a style="text-decoration: none;color: #6B6B6B;" href="#">【优选】甜脆多汁富硒丰水梨</a><br />
									<span>颜色：5斤/箱（约5-6个）</span>
								</div>
							</td>
							<td>￥69</td>
							<td>1</td>
							<td>￥69</td>
						</tr>
						<tr>
							<td>
								<img class="form-img" src="__ROOT__/Index/Common/img/carts-img/download-4.jpg"/>
								<div style="float: left;">
									<a style="text-decoration: none;color: #6B6B6B;" href="#">【优选】纯正血统贵长猕猴桃</a><br />
									<span>尺寸：20粒/箱</span>
								</div>
							</td>
							<td>￥89</td>
							<td>1</td>
							<td>￥89</td>
						</tr>
					</table>
				</div>
			</div>
			<div class="form-form-box">
				<div style="line-height: 32px;border-bottom: 1px solid #efefef;margin-bottom: 10px;">
					<span style="display: inline-block;width: 150px;font-size: 14px;font-weight: bolder;color: #6b6b6b;">结算信息</span>
				</div>
				<div class="form-content">
					<table>
						<tr>
							<td style="width: 70%;">
								<div style="height: 10px;"></div>
								<input type="checkbox" checked="checked" />
								<a style="color: #357EC0;font-size: 16px;text-decoration: none;cursor: pointer;" href="#">使用优惠劵</a>
								<div style="width: 620px;padding: 10px;border: 1px solid #bdc3c7;overflow: hidden;">
									<p style="font-size: 13px;height: 26px;padding: 3px;">
										账户优惠劵：
										<select style="width: 197px;height: 26px;" name="">
											<option value="">--选择优惠劵--</option>
										</select>
									</p>
									<p style="font-size: 13px;height: 26px;padding: 3px;">
										输入优惠劵：
										<input style="font-size: 14px;width: 148px;height: 20px;padding: 2px;border: 1px solid #bdc3c7;" type="text" placeholder="请输入优惠劵号码" />
										<span style="cursor: pointer;background-color: #3498db;height: 26px;width: 80px;text-align: center;margin: 0px 0px;color: #ffffff;line-height: 26px;display: block;float: right;">使用</span>
									</p>
									<p style="color: #b10000;font-size: 13px;height: 38px;padding: 3px;">温馨提示：大朴网拒绝套券购物行为，一经发现会取消订单。如：同一客户多次使用同一类券购买相同品类商品。</p>
									<div class="form-table1">
										<span style="width: 116px;">优惠券号码</span>
										<span style="width: 364px;">优惠券</span>
										<span style="width: 54px;">是否适用</span>
										<span style="width: 52px;">删除</span>
										<p style="width: 113px;">B1705150C3665A<br />00003PP</p>
										<p style="width: 362px;line-height: 38px;">订单满99减10元（新用户注册）</p>
										<p style="width: 52px;line-height: 38px;color: red;">否</p>
										<p style="width: 51px;line-height: 38px;"><img src="__ROOT__/Index/Common/img/carts-img/download.gif"/></p>
									</div>
								</div>
								<div style="height: 10px;"></div>
								<div style="color: #000;font-size: 12px;font-weight: 100;height: 18px;margin: 10px 0 0 7px;">
									<input type="checkbox" checked="checked" />
									<span>支持礼品卡支付</span>
								</div>
								<div class="form-lpk">
									<p class="form-p1">
										<span style="float: left;width: 100px;text-align: right;">礼品卡号码：</span>
										<input placeholder="请输入礼品卡号码" type="text" />
									</p>
									<p class="form-p1">
										<span style="float: left;width: 100px;text-align: right;">礼品卡号码：</span>
										<input placeholder="请输入礼品卡密码" type="text" />
									</p>
									<span style="cursor: pointer;background-color: #3498db;height: 26px;width: 80px;text-align: center;margin: 0px 0px;color: #ffffff;line-height: 26px;display: inline-block;position: absolute;left: 306px;top: 59px;">使用</span>
									<span style="padding-left: 0px;color: #ff0000;">支持使用多张礼品卡，成功使用一张礼品卡后可以再次输入第二张礼品号及密码，依此类推。</span>
								</div>
								<p style="margin-top: 10px;height: 26px;">
									<span style="color: #357EC0;font-size: 16px;">订单备注：</span>
									<input style="width: 148px;padding: 2px;border: 1px solid #BDC3C7;" type="text" />
								</p>
							</td>
							<td style="width: 30%;background-color: #ecf0f1;position: relative;">
								<div style="padding: 10px;position: absolute;top: 0;width: 271px;">
									<div style="background-color: #2980b9;color: #FFFFFF;text-align: right;font-size: 13px;">已享受的促销优惠：</div>
									<div style="color: red;font-size: 13px;text-align: right;">购物满88元包邮 </div>
								</div>
								<div style="padding: 10px;position: absolute;top: 56px;width: 271px;">
									<div style="margin-left: 10px;">
										<p style="height: 20px;">
											<span style="width: 100px;display: inline-block;text-align: right;font-size: 13px;float: left;">商品金额：</span>
											<span style="width: 160px;display: inline-block;text-align: right;font-size: 13px;float: left;">￥158</span>
										</p>
										<p style="height: 20px;">
											<span style="width: 100px;display: inline-block;text-align: right;font-size: 13px;float: left;">免配送费：</span>
											<span style="width: 160px;display: inline-block;text-align: right;font-size: 13px;float: left;">-￥0</span>
										</p>
									</div>
									<div style="width: 272px;height: 40px;border-top: 1px solid #6b6b6b;margin-top: 10px;">
										<span style="font-size: 18px;color: #FF0000;float: right;">应付金额：￥158元</span>
									</div>
								</div>
							</td>
						</tr>
					</table>
				</div>
			</div>
			<div class="form-form-box" style="border: none;">
				<button style="width: 136px;height: 47px;padding: 1px 7px 2px 7px;background-color: #3498db;color: #ffffff;font-size: 20px;float: right;" type="button">提交订单</button>
			</div>
		</div>
	</body>
</html>